import React from 'react'
import { Select } from 'antd';

function Head({value,setValue,search}) {

    const { Option } = Select;
    const handleChange = (value) => {
        console.log(`selected ${value}`);
    };

    return (
        <div>
            <input type="text" value={value} onChange={ (e)=>{setValue(e.target.value)}} />
            <button onClick={()=>{
                search()
            }}>搜索</button>
            <Select
                defaultValue="lucy"
                style={{
                    width: 120,
                }}
                onChange={handleChange}
                >
                <Option value="jack">Jack</Option>
                <Option value="lucy">Lucy</Option>
                
                <Option value="Yiminghe">yiminghe</Option>
            </Select>
        </div>
    )
}

export default Head